<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/newcss.css">
    <link rel="stylesheet" href="css/newstyle.css">
    <!-- <script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.min.js"></script> -->
    <script type="text/javascript">
        !window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
    </script>
    <script src="js/vue.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="js/public.js"></script>
    <title>计次卡</title>
</head>

<body style="background-color:#F3F2F0">
<div class="wrapper">
<!-- <div class="header">
    <ul>
        <li class="header_title_wrapper">计次卡</li>
        <li class="clear"></li>
    </ul> 
</div> -->
<div class="main mg_t0 countvue">
    <div class="session totalstatus">
        <div class="cur">
            <p class="curtit">当前计次卡</p>
            <p class="curtxt font_gold">x{{count}}</p>
        </div>
        <ul class="curdetailwrap">
            <li class="rows curdetail" v-for="(inf,index) in info" :class="{last:(info.length-1) == index}">
                <div class="cols9 card_name">{{inf.card_name}}</div>
                <div class="cols3 font_right">{{inf.card_left_time}}/{{inf.card_count}}</div>
            </li>
        </ul>
    </div>
    <div class="session detailist">
        <p class="tit">订单列表</p>
        <ul class="detailwrap">
            <li class="detail" v-for="(inf,index) in list" :class="{last:index==(list.length-1)}">
               <a href="" class="rows">
                   <div class="cols6">
                       <p class="tit">{{inf.card_name}}</p>
                       <p class="time">{{inf.create_time}}</p>
                   </div>
                   <div class="cols6 mn">
                       {{inf.account_cost}}
                   </div>
               </a> 
            </li>
        </ul>
    </div>
</div> 
<div class="mark"></div>
<div class="pop">
    <div class="popcnt"><p>文本?</p></div>
    <div class="popbtngroup rows nopd">
        <div class="cols6 popbtn cancel"><a href="javascript:void(0)" class="popcancel">取消</a></div>
        <div class="cols6 popbtn last ok"><a href="javascript:void(0)" class="popgo">确定</a></div>
    </div>
</div> 
</div>
</div>
<script src="./js/temp.js" type="text/javascript"></script>  
</body>
</html>